<html>
	<head>
		<title>Test site</title>
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
	</head>
	<body>
		<p style="color:green;font-size:20px">Hello!</p>
		<select>
			<option value="1">Mot</option>
			<option value="2">Hai</option>
			<option value="3">Ba</option>
			<option value="4">Bon</option>
		</select>
		
		<span style="background-color: green; width:300px; display: inline-block;">1234</span>
		<span style="background-color: blue;">abcd</span>
		
		<div style="background-color: yellow; height: 100px; width: 300px;">
			<ul style="list-style: none; padding: 0px; line-height: 100px">
				<li style="float: left; width: 50px; text-align: center;">1</li>
				<li style="float: left; width: 50px; text-align: center;">2</li>
				<li style="float: left; width: 50px; text-align: center;">3</li>
			</ul>
		</div>
		
		<div style="width: 500px; height:200px; padding: 0px; background-color: gray;">
			<div style="width: 50px; height: 50px; background-color: red; display: inline; padding-top: 20px;">
			abc
			</div>
		</div>
	</body>
</html>
<script>
	$("select").change(function(){
		alert("value = " + this.value);
	});
</script>